
// Override Bootstrap defaults
body {
  color: $textColor;
}

a {
  color: $mainBrandColor;
}

a:hover,
a:focus {
  color: $linkHoverColor;
}

a.disabled {
    color: #CCCCCC;
}

p,
li {line-height: 22px;}

p.note {
  background-color: $thirdBrandColor;
  padding: 9.5px;
}

p.note code {
  background-color: $thirdBrandColor !important;
}

pre {
  max-height: 500px;
}

.inverse {
  background-color: $mainBrandColor;
  color: white;

  &.inverse-light {
      background-color: $thirdBrandColor;
  }

  a {
    color: $inverseBrandColor;
  }

  a:hover,
  a:focus {
    color: $linkHoverColor;
  }
}

.nofloat {
  float: none;
}

.lead {
  color: $titleColor;
}

// Fix Bootstrap mobile menu colors on inverse navbar.
.navbar-toggle .icon-bar {
  background-color: $inverseBrandColor;
}

figure {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;

    img {
        max-width: 75%;
    }

    figcaption {
        margin-top: 10px;
        text-align: center;
    }
}
